<template>
	<view>
		<view class="titlebox">{{title}}</view>
		<!-- <view class="htmlbox" v-html="content"></view> -->
		<view style="padding: 0 20rpx;">
			<uParse :content="content"></uParse>
		</view>
		<view style="height: 60rpx;"></view>
	</view>
</template>

<script>
	import uParse from '@/components/gaoyia-parse/parse.vue'
	export default {
		components:{uParse},
		data() {
			return {
				id: '',
				title: '',
				content: '',
			}
		},
		onLoad(option) {
			this.id = option.id
			this.getinfo()
		},
		methods: {
			getinfo() {
				this.$http({
					url: '/api/Wechat/newDetail',
					data: {
						news_id: this.id
					}
				}).then(res => {
					this.content = res.data.content
					this.title = res.data.title
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.titlebox {
		font-size: 36rpx;
		font-weight: bold;
		text-align: center;
		padding: 30rpx 0 50rpx 0;
		color: #222;
	}

	.htmlbox {
		width: 690rpx;
		padding: 0 30rpx;

	}
</style>